<nz-modal [(nzVisible)]="Visible" [nzWidth]="width" [nzTitle]="popTitle" (nzOnCancel)="Cancel()" (nzOnOk)="Ok()">
    <div *ngIf="operaType === 'add' || operaType === 'edit'">
        <div class="petition">
            <h3>举报人信息</h3>
            <div nz-row class="p015">
                <div nz-col nzSpan="6"><span class="title">姓名</span><br /><input nz-input placeholder="请输入姓名"
                        [(ngModel)]="operaData.informantName" /></div>
                <div nz-col nzSpan="2"></div>
                <div nz-col nzSpan="6"><span class="title">性别</span><br />
                    <nz-select class="wd" nzPlaceHolder="请选择性别" [(ngModel)]="operaData.informantSex">
                        <nz-option *ngFor="let item of sexList" [nzValue]="item.value" [nzLabel]="item.label">
                        </nz-option>
                    </nz-select>
                </div>
                <div nz-col nzSpan="2"></div>
                <div nz-col nzSpan="6"><span class="title">民族</span><br />
                    <nz-select class="wd" nzPlaceHolder="请选择民族" [(ngModel)]="operaData.nation">
                        <nz-option *ngFor="let item of nationList" [nzValue]="item.value" [nzLabel]="item.label">
                        </nz-option>
                    </nz-select>
                </div>
                <div nz-col nzSpan="2"></div>
                <div nz-col nzSpan="6"><span class="title">政治面貌</span><br />
                    <nz-select class="wd" nzPlaceHolder="请选择政治面貌" [(ngModel)]="operaData.politicalOutlook">
                        <nz-option *ngFor="let item of politicalList" [nzValue]="item.value" [nzLabel]="item.label">
                        </nz-option>
                    </nz-select>
                </div>
                <div nz-col nzSpan="2"></div>
                <div nz-col nzSpan="6"><span class="title">联系方式</span><br /><input nz-input placeholder="请输入联系方式"
                        [(ngModel)]="operaData.informantPhone" />
                </div>
                <div nz-col nzSpan="2"></div>
                <div nz-col nzSpan="6"><span class="title">身份证号</span><br /><input nz-input placeholder="请输入身份证号"
                        [(ngModel)]="operaData.idNumber" />
                </div>
                <div nz-col nzSpan="2"></div>
                <div nz-col nzSpan="6"><span class="title">住址</span><br /><input nz-input placeholder="请输入住址"
                        [(ngModel)]="operaData.addr" />
                </div>
                <div nz-col nzSpan="2"></div>
                <div nz-col nzSpan="6"><span class="title">工作单位</span><br /><input nz-input placeholder="请输入工作单位"
                        [(ngModel)]="operaData.informantCompany" />
                </div>
                <div nz-col nzSpan="2"></div>
                <div nz-col nzSpan="6"><span class="title">职务或身份</span><br /><input nz-input placeholder="请输入职务或身份"
                        [(ngModel)]="operaData.informantDuries" />
                </div>
                <div nz-col nzSpan="2"></div>
            </div>
        </div>
        <div class="petition m30">
            <h3>被举报人（单位）信息 <b>(注意标有 <i class="red">*</i> 的必填)</b></h3>
            <div nz-row class="p015">
                <div nz-col nzSpan="6"><i class="red">*</i>&nbsp;<span class="title">被反应人姓名</span><br /><input nz-input
                        placeholder="请输入被反应人姓名" [(ngModel)]="operaData.reflectionPersonName" /></div>
                <div nz-col nzSpan="2"></div>
                <div nz-col nzSpan="6"><span class="title">被反应人性别</span><br />
                    <nz-select class="wd" nzPlaceHolder="请选择被反应人性别" [(ngModel)]="operaData.reflectionPersionSex">
                        <nz-option *ngFor="let item of sexList" [nzValue]="item.value" [nzLabel]="item.label">
                        </nz-option>
                    </nz-select>
                </div>
                <div nz-col nzSpan="2"></div>
                <div nz-col nzSpan="6"><i class="red">*</i>&nbsp;<span class="title">被反应人工作单位</span><br />
                    <!-- <nz-select class="wd" nzPlaceHolder="请选择被反应人工作单位" [(ngModel)]="operaData.reflectionPersonCompany">
                    <nz-option *ngFor="let item of workList" [nzValue]="item.value" [nzLabel]="item.label"></nz-option>
                </nz-select> -->
                    <input nz-input placeholder="请输入被反应人工作单位" [(ngModel)]="operaData.reflectionPersonCompany" />
                </div>
                <div nz-col nzSpan="2"></div>
                <div nz-col nzSpan="6"><i class="red">*</i>&nbsp;<span class="title">被反应人级别</span><br />
                    <nz-select class="wd" nzPlaceHolder="请选择被反应人级别" [(ngModel)]="operaData.reflectionPersonLevel">
                        <nz-option *ngFor="let item of levelList" [nzValue]="item.value" [nzLabel]="item.label">
                        </nz-option>
                    </nz-select>
                </div>
                <div nz-col nzSpan="2"></div>
                <div nz-col nzSpan="6"><span class="title">被反应人职务</span><br /><input nz-input placeholder="请输入反应人职务"
                        [(ngModel)]="operaData.reflectionPersonDuties" /></div>
                <div nz-col nzSpan="2"></div>
            </div>
        </div>
        <div class="petition m30">
            <h3>举报信正文 <b>(注意标有 <i class="red">*</i> 的必填)</b></h3>
            <div nz-row class="p015">
                <div nz-col nzSpan="22"><i class="red">*</i>&nbsp;<span class="title">主要问题</span><br />
                    <textarea nz-input rows="10" [(ngModel)]="operaData.reflectProblem" placeholder="请输入主要问题"></textarea>
                </div>
                <div nz-col nzSpan="2"></div>
                <div nz-col nzSpan="6">
                    <span class="title">上传文档</span><br />
                    <nz-upload [nzAction]="uploadUrl" [nzFileList]="uploadFileList" (nzChange)="handleChange($event)">
                        <button nz-button>
                            <i nz-icon nzType="upload"></i>
                            上传
                        </button>
                    </nz-upload>
                </div>
                <div nz-col nzSpan="2"></div>
            </div>
        </div>
    </div>
    <div *ngIf="operaType === 'del'">
        确定要删除这 <span style="font-weight:bold;color:#ff0000">{{thisData.count}}</span> 条数据吗？
    </div>
</nz-modal>